const { defineConfig } = require('@vue/cli-service')
const path = require("path")
module.exports = defineConfig({
  transpileDependencies: true,
  publicPath:"./",
  pages:{
    index:{
      entry:"examples/main.js",
      template:"public/index.html",
      filename:"index.html"
    }
  },
  chainWebpack:config=>{
    config.module
    .rule('js')
    .include.add(path.resolve(__dirname,"packages")).end()
    .use("babel")
    .loader("babel-loader")
    .tap(option=>{
      return option
    })
  },
  configureWebpack:{ 
    module:{
      rules:[

        /**使用 resolve-url-loader 解决 字体等资源文件 URL 路径问题，如果在其他文件引用，相对路径在scss 文件不会重写，需要加插件处理*/
        {
          test:/\.(scss|css)$/,
          use:[
            // 'style-loader', //负责将样式插入到dom <style>
            // 'css-loader', //负责处理 js css @import 语法
            'resolve-url-loader',
            'sass-loader',
          ],
        }
      ]
    }
  }
  
})
